<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions">

	<p:fieldset legend="#{rsc.label_filtros}" toggleable="true"
		collapsed="true">
		<p:panelGrid columns="4">
			<p:outputLabel value="#{rsc.label_pessoa}" for="acPessoa" />

			<p:selectOneRadio id="fisicaJuridica"
				value="#{manterPessoaBean.formulario.fisica}">
				<p:ajax event="change" update="cpfCnpj, wmCNPJ, wmCPF"
					oncomplete="inicializarMascaras();" process="@this" />
				<f:selectItem itemLabel="#{rsc.label_cpf}" itemValue="true" />
				<f:selectItem itemLabel="#{rsc.label_cnpj}" itemValue="false" />
			</p:selectOneRadio>

			<p:outputLabel value="#{rsc.label_ativo}" for="cmbAtivo" />

			<p:inputText value="#{manterPessoaBean.filtro.tipoPessoa.id}"
				style="display: none;" />

			<p:autoComplete size="40" id="acPessoa" minQueryLength="3"
				value="#{manterPessoaBean.filtro.nome}" effect="fade" maxResults="7"
				completeMethod="#{manterPessoaBean.autoCompleteNome}">
				<p:ajax event="change" process="@form"
					listener="#{manterPessoaBean.buscarPorFiltros}"
					update="listaPessoas">
				</p:ajax>
			</p:autoComplete>

			<p:panelGrid columns="2" id="cpfCnpj">
				<p:inputText label="#{rsc.label_cpf}" id="txtCPF"
					title="#{rsc.label_cpf}" styleClass="cpf"
					rendered="#{manterPessoaBean.formulario.fisica}"
					value="#{manterPessoaBean.filtro.cpf}" />

				<p:inputText label="#{rsc.label_cnpj}" id="txtCNPJ"
					title="#{rsc.label_cnpj}" styleClass="cnpj"
					rendered="#{!manterPessoaBean.formulario.fisica}"
					value="#{manterPessoaBean.filtro.cnpj}" />

			</p:panelGrid>

			<p:selectOneMenu label="#{rsc.label_ativo}"
				value="#{manterPessoaBean.filtro.ativo}" id="cmbAtivo">
				<p:ajax event="change"
					listener="#{manterPessoaBean.buscarPorFiltros}"
					update="listaPessoas" />
				<f:selectItem itemLabel="#{rsc.label_selecionar}" itemValue="" />
				<f:selectItems value="#{manterPessoaBean.status}" var="c"
					itemLabel="#{c.label}" itemValue="#{c}" />
			</p:selectOneMenu>

			<p:commandButton update="listaPessoas"
				actionListener="#{manterPessoaBean.buscarPorFiltros}"
				icon="ui-icon ui-icon-search" title="#{rsc.label_buscar}">
			</p:commandButton>
		</p:panelGrid>
	</p:fieldset>

	<p:watermark value="#{rsc.wm_nomeConsulta}" for="acPessoa" />
	<p:watermark value="#{rsc.wm_cpfConsulta}" for="txtCPF" id="wmCPF" />
	<p:watermark value="#{rsc.wm_cnpjConsulta}" for="txtCNPJ" id="wmCNPJ" />

	<p:panel id="pnlListaPessoas" header="#{rsc.label_pessoasCadastrados}"
		toggleable="true" toggleSpeed="500">

		<p:panelGrid columns="1" styleClass="full-width"
			columnClasses="full-width">
			<p:dataTable emptyMessage="#{msg.nenhumRegistroEncontrado}"
				var="pessoa" id="listaPessoas" sortMode="multiple"
				widgetVar="listaPessoasWid" value="#{manterPessoaBean.entidades}"
				paginator="true" rows="10"
				paginatorPosition="#{rsc.label_paginationPosition}"
				paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
				rowsPerPageTemplate="10,50,150,200">

				<p:column headerText="#{rsc.label_pessoa}" width="300"
					sortBy="#{pessoa.nome}">
					<p:outputLabel value="#{pessoa.nome}" />
				</p:column>

				<p:column headerText="#{rsc.label_cpfCnpj}" sortBy="#{pessoa.cpf}">
					<p:outputLabel value="#{pessoa.cpf}" />
					<p:outputLabel value="#{pessoa.cnpj}" />
				</p:column>

				<p:column headerText="#{rsc.label_dataNascimento}"
					sortBy="#{pessoa.dataNascimento}">
					<h:outputText value="#{pessoa.dataNascimento}">
						<f:convertDateTime pattern="dd/MM/yyyy" />
					</h:outputText>
				</p:column>

				<p:column headerText="#{rsc.label_email}"
					sortBy="#{pessoa.contato.email}">
					<p:outputLabel value="#{pessoa.contato.email}" />
				</p:column>


				<p:column headerText="#{rsc.label_ativo}" sortBy="#{pessoa.ativo}"
					styleClass="centralizado">
					<p:outputLabel value="#{rsc.label_sim}" rendered="#{pessoa.ativo}" />
					<p:outputLabel value="#{rsc.label_nao}" rendered="#{!pessoa.ativo}" />
				</p:column>


				<p:column styleClass="coluna-acoes" headerText="#{rsc.label_acoes}">

					<p:commandButton update=":habilitarDialog"
						rendered="#{!pessoa.ativo}" oncomplete="habilitar.show()"
						icon="ui-icon ui-icon-locked" title="#{rsc.label_habilitar}">
						<f:setPropertyActionListener value="#{pessoa}"
							target="#{manterPessoaBean.entidade}" />
					</p:commandButton>

					<p:commandButton update=":desabilitarDialog"
						rendered="#{pessoa.ativo}" oncomplete="desabilitar.show()"
						icon="ui-icon ui-icon-unlocked" title="#{rsc.label_desabilitar}">
						<f:setPropertyActionListener value="#{pessoa}"
							target="#{manterPessoaBean.entidade}" />
					</p:commandButton>

					<p:commandButton icon="ui-icon ui-icon-pencil"
						title="#{rsc.label_editar}" ajax="false" action="editarPessoa">
						<f:setPropertyActionListener value="#{pessoa}"
							target="#{manterPessoaBean.entidade}" />
					</p:commandButton>

				</p:column>
			</p:dataTable>
		</p:panelGrid>
	</p:panel>



</ui:composition>

